﻿/* @update: 2015-8-21 15:31:31 */
@charset "UTF-8";

.com-sprite, .emojiwrapper .emoarrowup, .hob-slidelists .slide-left, .hob-slidelists .slide-left.disable, .hob-slidelists .slide-right, .hob-slidelists .slide-right.disable, .infos .c-editor a, .infos .c-editor a:hover, .n-icons.hot-icons, .n-icons.new-icons, .s-search, .s-search .s-searchbtn, .select2 .s-tits .s-checked .s-icons, .support .support-icons, .support.cur .support-icons{
    background-image: url(../Content/Images/com-sada8a7991e.png);
    background-repeat: no-repeat;
}

.infos .b-icons.dz-icons, .infos .b-icons.sh-icons, .infos .b-icons.sm-icons, .infos .b-icons.vedio-icons, .infos .b-icons.ws-icons, .infos .b-icons.zn-icons, .ticons-sprite {
    background-image: url(../Content/Images/ticons-s5047a58d8d.png);
    background-repeat: no-repeat;
}

.t-right {
    text-align: right;
}

.wordWrap {
    word-wrap: break-word;
    word-break: break-all;
}

.ml10 {
    margin-left: 10px;
}

 /*.select2 .s-tits {
    padding-top: 18px;
    padding-bottom: 18px;
}*/
 .select2 .s-tits {
    padding: 8px;
}
    .select2 .s-tits span {
        display: inline-block;
        margin-right: 30px;
        cursor: pointer;
    }

        .select2 .s-tits span .s-icons {
            float: left;
            width: 10px;
            height: 10px;
            margin-right: 10px;
            margin-top: 2px;
        }

    .select2 .s-tits .s-unchecked {
        color: #323232;
    }

        .select .s-tits .s-unchecked .s-icons {
            border: 1px solid #e6e6e6;
        }

    .select2 .s-tits .s-checked {
        color: #df2222;
    }

        .select .s-tits .s-checked .s-icons {
            border: 1px solid #df2222;
            background-position: 0 -252px;
        }

    .select2 .s-tits .hover {
        color: #df2222;
    }

        .select2 .s-tits .hover .s-icons {
            border: 1px solid #df2222;
        }

.select2 .s-lists {
    border-top: 2px solid #df2222;
}

.select2 .s-list {
    height: 36px;
    border-bottom: 2px solid #f3f3f3;
   
    line-height: 36px;
}

    .select2 .s-list a {
        margin-left: 20px;
        color: #7b8793;
    }

        .select2 .s-list a.cur {
            color: #df2222;
        }

.s-search {
    padding-left: 10px;
    padding-right: 10px;
    width: 160px;
    height: 26px;
    background-position: 0 -226px;
}

    .s-search .s-searchkey {
        float: left;
        margin-top: 6px;
    }

    .s-search .s-searchbtn {
        position: absolute;
        right: 10px;
        top: 7px;
        width: 13px;
        height: 13px;
        background-position: 0 -213px;
    }

.select2 .i-s-search {
    position: absolute;
    left: 320px;
    top: 14px;
}

.l-header .i-s-search {
    position: absolute;
    right: 25px;
    top: 12px;
}

.smll-icons {
    position: relative;
    left: -15px;
    top: -225px;
    z-index: 15;
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 30px;
    color: #fff;
    font-style: normal;
}

    .smll-icons.bl-icons {
        background: #ff5256;
    }

    .smll-icons.zc-icons {
        background: #df2222;
    }

    .smll-icons.anke-icons {
        background: #fcae52;
    } 
.support {
    position: absolute;
    margin-top: -250px;
      margin-left:  200px;
    width: 54px;
    height: 26px;
    line-height: 26px;
    background: rgba(0,0,0,.3);
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
     
}

    .support .support-icons {
        display: inline-block;
        width: 13px;
        height: 13px;
        margin-left: 8px;
        margin-right: 5px;
        background-position: 0 -275px;
    }

    .support.cur .support-icons {
        background-position: 0 -262px;
    }

.p-outter {
    overflow: hidden;
}

    .p-outter .p-bar {
        height: 3px;
        background: #e6e6e6;
        line-height: 0;
    }

    .p-outter .p-b-slide {
        float: left;
        height: 3px;
        background: #df2222;
    }

    .p-outter .p-items {
        padding-top: 15px;
        padding-bottom: 15px;
        overflow: hidden;
    }

        .p-outter .p-items .p-i-infos {
            float: left;
            height: 36px;
            margin-left: -15px;
        }

        .p-outter .p-items .fore1, .p-outter .p-items .fore2, .p-outter .p-items .fore3 {
            position: relative;
            padding-left: 15px;
            float: left;
        }

        .p-outter .p-items .fore1 {
            width: 70px;
        }

        .p-outter .p-items .fore2 {
            width: 98px;
        }

        .p-outter .p-items .fore3 {
            width: 50px;
        }

        .p-outter .p-items .p-percent {
            font-size: 14px;
            color: #5e5e5e;
            line-height: 18px;
        }

        .p-outter .p-items .p-extra {
            color: #a5a5a5;
        }

        .p-outter .p-items .v-line {
            position: absolute;
            right: 0;
            top: 0;
            width: 1px;
            height: 36px;
            background: #e7e7e7;
        }

.loading {
    height: 50px;
    font-size: 18px;
    color: #5e5e5e;
    text-align: center;
    border-top: 1px solid #e6e6e6;
    line-height: 50px;
}

    .loading .l-icons {
        display: inline-block;
        width: 34px;
        height: 34px;
        background: url(i/loading.png);
        margin-right: 15px;
        vertical-align: middle;
    }

.upload a {
    display: inline-block;
    width: 100%;
    height: 50px;
    background: #e6e6e6;
    text-align: center;
    color: #a5a5a5;
    font: 18px/50px normal "Microsoft Yahei";
}

    .upload a:hover {
        background: #ccc;
        color: #323232;
    }

.infos-box {
    width: 1233px;
    padding-bottom: 70px;
}

.infos .info {
    width: 250px;
    height: 330px;
    border: 1px solid #f6f6f6;
    padding: 0 10px;
    z-index: 100;
    float: left
}

    .infos .info.pb0 {
        padding-bottom: 0;
    }

    .infos .info:hover {
        -webkit-box-shadow: 5px 5px 5px #e5e5e5;
        -moz-box-shadow: 5px 5px 5px #e5e5e5;
        -ms-box-shadow: 5px 5px 5px #e5e5e5;
        box-shadow: 5px 5px 5px #e5e5e5;
        border: 1px solid #e6e6e6;
    }

        .infos .info:hover .link-pic img {
            opacity: .8;
            filter: alpha(opacity=80); 
         transform: scale(1.05);
 
            
        }

.infos .link-pic {
    *position: relative!important;
    *left: 0!important;
    margin-left: -15px;
    margin-top: -15px;
}

    .infos .link-pic img {
        opacity: 1;
        filter: alpha(opacity=80);
        -webkit-transition: all .2s ease-in-out,opacity 1s;
        -moz-transition: all .2s ease-in-out,opacity 1s;
        -ms-transition: all .2s ease-in-out,opacity 1s;
        transition: all .2s ease-in-out,opacity 1s;
    }

.infos .i-tits {
    padding-top: 5px;
    padding-bottom: 3px;
    display: inline-block;
}

    .infos .i-tits .b-tit {
        color: #5b9fe2;
    }

.infos .link-tit {
    color: #5e5e5e;
}

.infos .i-descr {
    height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #f6f6f6;
    line-height: 20px;
    color: #7b8793;
}

    .infos .i-descr .text {
        max-height: 40px;
        overflow: hidden;
    }

.infos .t-right a {
    color: #5b9fe2;
}

    .infos .t-right a:hover {
        text-decoration: underline;
    }

.infos .comments {
    padding-top: 10px;
    padding-bottom: 15px;
    border-top: 1px solid #f6f6f6;
}

    .infos .comments .c-list {
        position: relative;
        padding-left: 44px;
    }

    .infos .comments .c-text a {
        color: #5e5e5e;
    }

    .infos .comments .c-text p {
        color: #a5a5a5;
        line-height: 20px;
        word-wrap: break-word;
        word-break: break-all;
    }

.infos .c-pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 34px;
    height: 34px;
}

.infos .c-editor {
    display: none;
    height: 20px;
}

    .infos .c-editor a {
        float: right;
        width: 26px;
        height: 20px;
        margin-right: -14px;
        background-position: 0 -120px;
    }

        .infos .c-editor a:hover {
            background-position: 0 -140px;
        }

.infos .c-write {
    position: relative;
    padding-left: 44px;
    padding-top: 15px;
    padding-bottom: 20px;
    border-top: 1px solid #f6f6f6;
}

    .infos .c-write .dowriteTextarea {
        width: 194px;
        height: 36px;
        border: 1px solid #e6e6e6;
        padding: 5px;
        font-size: 12px;
        color: #a5a5a5;
        resize: none;
        overflow: hidden;
    }

    .infos .c-write .c-pic {
        top: 15px;
    }

.infos .c-submit {
    position: relative;
    display: none;
    top: -15px;
}

.infos .c-btn {
    width: 88px;
    height: 28px;
    background: #8cb5de;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
}

    .infos .c-btn:hover {
        background: #98c3ee;
    }

.infos .b-icons {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: 1px;
}

    .infos .b-icons.zn-icons {
        background-position: 0 -100px;
        margin-top: -2px;
    }

    .infos .b-icons.ws-icons {
        background-position: 0 -80px;
    }

    .infos .b-icons.vedio-icons {
        background-position: 0 -60px;
        margin-top: -3px;
    }

    .infos .b-icons.sm-icons {
        background-position: 0 -40px;
        margin-top: -2px;
    }

    .infos .b-icons.sh-icons {
        background-position: 0 -20px;
    }

    .infos .b-icons.dz-icons {
        background-position: 0 0;
        margin-top: -2px;
    }

.emoji-icon-holder {
    display: none;
    position: absolute;
    top: -5px;
    left: 45px;
    z-index: 9999;
    text-align: left;
}

    .emoji-icon-holder a {
        width: 20px;
        height: 20px;
        display: inline-block;
        background: url(i/bqholder.png) 0 -20px no-repeat;
    }

        .emoji-icon-holder a:hover {
            background: url(i/bqholder.png) no-repeat;
        }

.emojiwrapper {
    position: absolute;
    left: -7px;
    top: 26px;
    width: 185px;
    height: 92px;
    background: #fff;
    border: 1px solid #e6e6e6;
}

    .emojiwrapper .emoji-scroller {
        position: relative;
        width: 186px;
        height: 93px;
    }

    .emojiwrapper .emoarrowup {
        position: absolute;
        left: 12px;
        top: -4px;
        z-index: 1;
        width: 7px;
        height: 5px;
        line-height: 0;
        overflow: hidden;
        background-position: 0 -160px;
    }

    .emojiwrapper .emoji {
        float: left;
        width: 30px;
        height: 30px;
        background-image: url(i/biaoqing.png);
        background-repeat: no-repeat;
        z-index: 3;
        margin-top: -1px;
        margin-left: -1px;
        border: 1px solid #e6e6e6;
    }

        .emojiwrapper .emoji:hover {
            position: relative;
            z-index: 4;
            border: 1px solid red;
            background-color: #fff;
        }

    .emojiwrapper .icon_0 {
        background-position: 0 0;
    }

    .emojiwrapper .icon_1 {
        background-position: 0 -30px;
    }

    .emojiwrapper .icon_2 {
        background-position: 0 -60px;
    }

    .emojiwrapper .icon_3 {
        background-position: 0 -90px;
    }

    .emojiwrapper .icon_4 {
        background-position: 0 -120px;
    }

    .emojiwrapper .icon_5 {
        background-position: 0 -150px;
    }

    .emojiwrapper .icon_6 {
        background-position: 0 -180px;
    }

    .emojiwrapper .icon_7 {
        background-position: 0 -210px;
    }

    .emojiwrapper .icon_8 {
        background-position: 0 -240px;
    }

    .emojiwrapper .icon_9 {
        background-position: 0 -270px;
    }

    .emojiwrapper .icon_10 {
        background-position: 0 -300px;
    }

    .emojiwrapper .icon_11 {
        background-position: 0 -330px;
    }

    .emojiwrapper .icon_12 {
        background-position: 0 -360px;
    }

    .emojiwrapper .icon_13 {
        background-position: 0 -390px;
    }

    .emojiwrapper .icon_14 {
        background-position: 0 -420px;
    }

    .emojiwrapper .icon_15 {
        background-position: 0 -450px;
    }

.emoji-text {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(i/biaoqing.png);
    background-repeat: no-repeat;
    vertical-align: text-bottom;
}

.notice {
    height: 24px;
    padding: 0 2px;
    margin: 28px 0;
    font-size: 14px;
    line-height: 24px;
}

    .notice .n-tit {
        float: left;
    }

    .notice a {
        color: #a5a5a5;
    }

    .notice .nub {
        margin-left: 10px;
        color: #df2222;
    }

    .notice .fl {
        height: 24px;
        overflow: hidden;
    }

.new-notice {
    width: 800px;
}

    .new-notice li {
        float: left;
    }

        .new-notice li a {
            float: left;
            height: 24px;
            overflow: hidden;
            word-wrap: break-word;
            word-break: break-all;
        }

    .new-notice .fore1 {
        position: relative;
    }

        .new-notice .fore1 a {
            width: 112px;
            margin-right: 18px;
        }

    .new-notice .fore2 {
        padding-left: 20px;
    }

        .new-notice .fore2 a {
            width: 140px;
            margin-right: 25px;
        }

    .new-notice .v-line {
        position: absolute;
        right: 0;
        top: 4px;
        width: 1px;
        height: 16px;
        background: #f3f3f3;
    }

.hot-notice {
    padding-left: 12px;
}

.n-icons {
    float: left;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 15px;
}

    .n-icons.new-icons {
        background-position: 0 -189px;
    }

    .n-icons.hot-icons {
        background-position: 0 -165px;
    }

.shownumber {
    padding: 22px 40px;
    background: #f8f8f8;
    overflow: hidden;
}

    .shownumber .fore1, .shownumber .fore2, .shownumber .fore3 {
        position: relative;
    }

    .shownumber .fore1 {
        width: 375px;
    }

    .shownumber .fore2 {
        width: 385px;
    }

    .shownumber .fore3 {
        padding-left: 40px;
    }

    .shownumber .p-price {
        font-size: 44px;
        color: #5e5e5e;
        font-family: Arial;
    }

    .shownumber .unit {
        font-size: 26px;
        font-family: "Microsoft Yahei";
    }

    .shownumber .p-tips {
        font-size: 14px;
        color: #a5a5a5;
    }

    .shownumber .h-line {
        position: absolute;
        left: 0;
        top: 55px;
        width: 45px;
        height: 1px;
        background: #4ed6be;
    }

    .shownumber .fore3 .h-line {
        left: 40px;
    }

.f-tit {
    height: 16px;
}

    .f-tit h3 {
        float: left;
        font-size: 16px;
        color: #323232;
    }

    .f-tit a {
        float: right;
        color: #5b9fe2;
    }

        .f-tit a:hover {
            text-decoration: underline;
        }

.hob-slidelists {
    position: relative;
    height: 100px;
}

    .hob-slidelists .slide-btn {
        position: absolute;
        width: 16px;
        height: 30px;
    }

    .hob-slidelists .slide-left {
        left: -36px;
        top: 25px;
        background-position: 0 0;
    }

        .hob-slidelists .slide-left.disable {
            background-position: 0 -30px;
        }

    .hob-slidelists .slide-right {
        right: -36px;
        top: 25px;
        background-position: 0 -60px;
    }

        .hob-slidelists .slide-right.disable {
            background-position: 0 -90px;
        }

.hob-slidelist {
    width: 1200px;
    height: 100px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

    .hob-slidelist li {
        position: relative;
        float: left;
        display: block;
        width: 190px;
        margin-right: 12px;
        text-align: center;
        cursor: pointer;
        overflow: hidden;
    }

        .hob-slidelist li a {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 11;
            width: 190px;
            height: 100px;
            font-size: 20px;
            line-height: 100px;
            color: #fff;
            -webkit-text-shadow: 5px 5px 5px #e5e5e5;
            -moz-text-shadow: 5px 5px 5px #e5e5e5;
            -ms-text-shadow: 5px 5px 5px #e5e5e5;
            text-shadow: 5px 5px 5px #e5e5e5;
        }

        .hob-slidelist li .h-line {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 10;
            height: 5px;
            width: 0;
            background: #df2222;
        }

        .hob-slidelist li .h-mask {
            display: none;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 9;
            height: 100px;
            width: 190px;
            background: #000;
            opacity: .5;
            filter: alpha(opacity=50);
        }

        .hob-slidelist li.cur a, .hob-slidelist li:hover a {
            color: #fff;
        }

        .hob-slidelist li.cur .h-line, .hob-slidelist li:hover .h-line {
            width: 190px;
        }

        .hob-slidelist li.cur .h-mask, .hob-slidelist li:hover .h-mask {
            display: block;
        }

        .hob-slidelist li.cur img, .hob-slidelist li:hover img {
            opacity: .8;
            filter: alpha(opacity=80);
        }

.shade {
     position: relative;
    left: -15px;
    top: -135px;
    z-index: 15;
    display: inline-block;
    width: 230px;
    height: 32px;
    line-height: 32px;
    background: #000;
   
    color: #dedede;
   
    opacity: .6;
    filter: alpha(opacity=60);
    font-size: 12px;
    overflow: hidden;
    padding-left: 50px;
}

    .shade ul li {
        float: right;
        margin-right: 10px;
    }

.forever .p-bar {
    height: 1px;
}
    .change_banner {
        height:225px;
    background:url(../../../Content/Images/change_banner.jpg) no-repeat center center;
    }
